import {useMemo,useEffect,useState,useRef } from "react";
import request from "./request";

export default function Graphiql({query,children}){
  const [result,setresult]=useState({})
  useEffect(() => {
    request(query).then(res=>{
      console.log(res)
      setresult(res.data)
    })
  }, [query]);
  return <div>22</div>
  // return children({
  //   loading:JSON.stringify(result)=="{}",
  //   data:result
  // })
}

// export default function Graphiql({query,children}){
//   const result=useRef({})
//   useEffect(() => {
//     request(query).then(res=>{
//       result.current=res.data
//       console.log('result.current',result.current)
//     })
//   }, [query]);
//   return children(result.current)
// }
